//layui模块的定义
layui.define(["jquery"],function(exports){
//JavaScript代码区域
	layui.use('element', function() {
		var element = layui.element;
		var $ = layui.jquery;
	    //触发事件
		var active = {
			 	tabAdd: function(){
		      //新增一个Tab项
			      element.tabAdd('demo', {
			        title: '新选项'+ (Math.random()*1000|0) //用于演示
			        ,content: '内容'+ (Math.random()*1000|0)
			        ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
			    })
			},
			tabDelete: function(othis){
			      //删除指定Tab项
			    element.tabDelete('demo', '44'); //删除：“商品管理”
			      
			      
			    othis.addClass('layui-btn-disabled');
		    },
		    tabChange: function(){
		      	//切换到指定Tab项
		      	element.tabChange('demo', '22'); //切换到：用户管理
		    }
	    };

		// $('.site-demo-active').on('click', function(){
		// 	var othis = $(this), type = othis.data('type');
		// 	active[type] ? active[type].call(this, othis) : '';
		// });

		// //Hash地址的定位
		// var layid = location.hash.replace(/^#test=/, '');
		// element.tabChange('test', layid);
		  
		// element.on('tab(test)', function(elem){
		//   	location.hash = 'test='+ $(this).attr('lay-id');
		// });	 
        
        //自己写的代码
        $(".layui-nav-item dd").on("click", "a",function(){            
            let tabId=$(this).data("meunid");
            let tabTitle=$(this).data("title");
            let tabURL=$(this).data("url");
            //1.判断layui-tab-title里面  有没有跟我id相同一个选项, 有就切换
            //2.没有 ,就添加 addtab
            if($("li[lay-id="+tabId+"]").length>0){
            	element.tabChange('demo',tabId);//切换到id上
            }else{
           // 	let mainHeight=$(document).height()-$(".layui-header").height()-$(".layui-footer").height()-$(".layui-tab-title").height()-5;
            	let mainHeight=$(document).height()-$(".layui-header").height()
            	-$(".layui-footer").height()-$(".layui-tab").height()-
            	$(".layui-tab-title").height()-10;
            	//新增一个Tab项
		        element.tabAdd('demo', {
			        title: tabTitle, //用于演示
			        content: '<iframe id="mainIframe" height="'+mainHeight+'px" width="100%" src="'+tabURL+'" frameborder="0",scrolling="auto"></iframe>',
			        id:tabId //实际使用一般是规定好的id，这里以时间戳模拟下
			    });
			    element.tabChange('demo',tabId);//切换到id上
            }            
        })

        //如果窗口大小发生了变化,iframe也变化
        $(window).on('resize', function() {
            let mainHeight=$(window).height()-$(".layui-header").height()-$(".layui-footer").height()-$(".layui-tab-title").height()-5
            $("#mainIframe").height(mainHeight);
        });


	});
})